<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>盐城师范学院</title>
    <style>
        div{
             width: 100px;
             height: 100px;
             background-color: red;
            }
        span{
            width: 100px;
            height: 100px;
            background-color: blue;
        }
    </style>

</head>


<body>
    <div>我是一个div</div>
    <div>我是一个div</div>
    <p>段落标签</p>
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>

    <!--行内元素：
        1与其他行内元素共享一行空间
        2高度默认由元素内容撑起
        无法通过css属性设置高度
    -->
    <span>我是行内元素</span>
    <span>我是行内元素</span>
    <em>斜体标签</em>
    <i>斜体标签</i>
    <b>加粗标签</b>
    <strong>加粗标签</strong>
    <sub>上标</sub>
    <sup>下标</sup>
    <!--超链接标签 target控制页面打开方式 -blank新页面打开 -self自身窗口打开-->
    <a href="http://www.baidu.com" target="_blank">百度一下</a>
    <!--可以用来做锚点-->
    <a href="#">回到顶部</a>
    
     <!--常见标签 img标签 a标签 video视频 audio音频-->
    <img width="200px"  src="../音视频/6.jpg" alt="图片加载失败的文字说明">
    <img height="200px" src="https://ts3.tc.mm.bing.net/th/id/OIP-C.IuNuzsR9jKSqu2-VTCmNOAHaE8?w=155&h=104&c=7&bgcl=172b22&r=0&o=6&dpr=1.3&pid=13.1" alt="">
    <!--视频标签video width和height也可以设置给视频属性
        controls控制条 
        autoplay自动播放
        loop循环播放
        muted静音播放
        poster封面-->
    <video poster="../音视频/6.jpg" muted loop width="300px"  controls src="../音视频/1.mp4"></video>
    <!--音频audio controls加控制条 不可以使用poster width height-->
    <audio controls  src="../音视频/1.mp3"></audio>
</body>
</html>